<template>
  <div class="playmv">
    <div class="mainplay">
      <video :src="mvurl" controls></video>
    </div>
  </div>
</template>

<script>
import { getMvurl } from "../../api/mv";
export default {
  data() {
    return {
      mvurl: "",
    };
  },
  computed: {},
  watch: {},

  methods: {
    async init() {
      const result = await getMvurl({ id: this.$route.params.id });
      console.log(result);
      this.mvurl = result.data.url;
    },
  },
  created() {
    this.init();
  },
  mounted() {},
  components: {},
};
</script>
<style scoped>
.playmv {
  background: #000;
}
.playmv,
.all {
  height: 100%;
}
.mainplay {
  height: 100%;
}
.mainplay video {
  height: 100%;
}
</style>
